<!-- saved from url=(0011)about:blank -->
<html dir="ltr">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/earlyaccess/notosanssc.css">
    <style class="blockbyte-bs-style"
           data-name="sidebar">div.contextmenu, div.contextmenu > ul.icons > li > ul, div.tooltip, a.dragHelper > span.drag, section#sidebar > header > div.searchBox, section#sidebar > header.searchVisible > a.search, section#sidebar > a.lockPinned, section#sidebar > div.scrollBox > ul a > span.drag, section#sidebar > div.scrollBox > div.pinned > ul a > span.drag, section#sidebar.loading > div.scrollBox, section#sidebar.loading > div.filter, div#infoBox, div#infoBox > a::before, div#shareInfo.hidden, div#reloadInfo.hidden {
        opacity: 0;
        pointer-events: none
    }

    div.contextmenu.visible, div.contextmenu > ul.icons > li > ul.visible, a.dragHelper:hover > span.drag, section#sidebar > header.searchVisible > div.searchBox, section#sidebar > a.lockPinned.active, section#sidebar > div.scrollBox > ul a:hover > span.drag, section#sidebar > div.scrollBox > div.pinned > ul a:hover > span.drag, div#infoBox.visible {
        opacity: 1;
        pointer-events: auto
    }

    @keyframes rotator {
        0% {
            transform: rotate(0deg)
        }
        100% {
            transform: rotate(270deg)
        }
    }

    @keyframes dash {
        0% {
            stroke-dashoffset: 100.53096
        }
        50% {
            stroke-dashoffset: 25.13274;
            transform: rotate(135deg)
        }
        100% {
            stroke-dashoffset: 100.53096;
            transform: rotate(450deg)
        }
    }

    svg.loading {
        position: relative;
        display: block;
        width: 36px;
        height: 36px;
        animation: rotator 1.5s linear infinite
    }

    svg.loading > circle {
        stroke-dasharray: 100.53096;
        stroke-dashoffset: 0;
        transform-origin: center;
        stroke: #1b82f1;
        animation: dash 1.5s ease-in-out infinite
    }

    body.dark svg.loading > circle {
        stroke: #646464
    }

    body.highContrast:not(.dark) svg.loading > circle {
        stroke: #646464
    }

    .scrollBox {
        position: relative;
        overflow-y: scroll;
        overflow-x: hidden;
        outline: none;
        background-color: #ccc;
        -webkit-background-clip: text;
        transition: background-color 0.3s
    }

    .scrollBox::-webkit-scrollbar {
        width: 11px;
        background: transparent
    }

    .scrollBox::-webkit-scrollbar-thumb {
        border-radius: 20px;
        border: 3px solid transparent;
        background-clip: content-box;
        background-color: inherit
    }

    .scrollBox::-webkit-scrollbar-track {
        background: transparent;
        border-radius: 20px
    }

    .scrollBox.hideScrollbar {
        background-color: transparent !important
    }

    body.dark .scrollBox {
        background-color: #999
    }

    div.contextmenu {
        position: absolute;
        top: 0;
        min-width: 240px;
        background: #fff;
        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.25);
        border-radius: 3px;
        transform: translate3d(0, -20px, 0);
        transition: opacity 0.3s, transform 0.3s;
        z-index: 4
    }

    div.contextmenu[data-type='list'], div.contextmenu[data-type='separator'] {
        left: -99999px;
        margin: 0 0 0 10px;
        min-width: 260px
    }

    div.contextmenu[data-type='menu'] {
        right: -93px;
        margin-top: -2px
    }

    div.contextmenu[data-type='sort'] {
        right: -57px;
        margin-top: -2px
    }

    div.contextmenu.visible {
        transform: translate3d(0, 0, 0)
    }

    div.contextmenu.visible.top {
        transform: translate3d(0, -40px, 0)
    }

    div.contextmenu > ul.icons {
        background: #f4f4f4;
        padding: 3px 2px 5px 2px
    }

    div.contextmenu > ul.icons > li {
        position: relative;
        display: inline-block
    }

    div.contextmenu > ul.icons > li.right {
        float: right
    }

    div.contextmenu > ul.icons > li > a {
        position: relative;
        display: block;
        width: 32px;
        height: 32px;
        cursor: pointer;
        border-radius: 50%;
        margin: 0 3px;
        transition: background-color 0.3s
    }

    div.contextmenu > ul.icons > li > a::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-mask: no-repeat center/20px;
        background-color: #ccc
    }

    div.contextmenu > ul.icons > li > a.hover {
        background-color: #ededed
    }

    div.contextmenu > ul.icons > li > a[data-name='delete']::before {
        -webkit-mask-image: url(chrome-extension://jdbnofccmhefkmjbkkdkfiicjkgofkdh/img/icon-delete.svg);
        -webkit-mask-size: 19px
    }

    div.contextmenu > ul.icons > li > a[data-name='edit']::before {
        -webkit-mask-image: url(chrome-extension://jdbnofccmhefkmjbkkdkfiicjkgofkdh/img/icon-edit.svg)
    }

    div.contextmenu > ul.icons > li > a[data-name='infos']::before {
        -webkit-mask-image: url(chrome-extension://jdbnofccmhefkmjbkkdkfiicjkgofkdh/img/icon-info.svg)
    }

    div.contextmenu > ul.icons > li > a[data-name='add']::before {
        -webkit-mask-image: url(chrome-extension://jdbnofccmhefkmjbkkdkfiicjkgofkdh/img/icon-add.svg)
    }

    div.contextmenu > ul.icons > li > a[data-name='pin']::before {
        -webkit-mask-image: url(chrome-extension://jdbnofccmhefkmjbkkdkfiicjkgofkdh/img/icon-pin.svg);
        -webkit-mask-size: 15px
    }

    div.contextmenu > ul.icons > li > a[data-name='unpin']::before {
        -webkit-mask-image: url(chrome-extension://jdbnofccmhefkmjbkkdkfiicjkgofkdh/img/icon-unpin.svg);
        -webkit-mask-size: 14px
    }

    div.contextmenu > ul.icons > li > a[data-name='showHidden']::before {
        -webkit-mask-image: url(chrome-extension://jdbnofccmhefkmjbkkdkfiicjkgofkdh/img/icon-show.svg)
    }

    div.contextmenu > ul.icons > li > a[data-name='hide']::before {
        -webkit-mask-image: url(chrome-extension://jdbnofccmhefkmjbkkdkfiicjkgofkdh/img/icon-hide.svg)
    }

    div.contextmenu > ul.icons > li > a[data-name='settings']::before {
        -webkit-mask-image: url(chrome-extension://jdbnofccmhefkmjbkkdkfiicjkgofkdh/img/icon-settings.svg)
    }

    div.contextmenu > ul.icons > li > a[data-name='bookmarkManager']::before {
        -webkit-mask-image: url(chrome-extension://jdbnofccmhefkmjbkkdkfiicjkgofkdh/img/icon-star.svg)
    }

    div.contextmenu > ul.icons > li > a[data-name='keyboardShortcuts']::before {
        -webkit-mask-image: url(chrome-extension://jdbnofccmhefkmjbkkdkfiicjkgofkdh/img/icon-keyboard.svg);
        -webkit-mask-size: 22px
    }

    div.contextmenu > ul.icons > li > ul {
        position: absolute;
        bottom: -30px;
        left: 0;
        transform: translate3d(calc(-50% + 19px), -7px, 0);
        text-align: center;
        white-space: nowrap;
        background: #fff;
        border-radius: 20px;
        padding: 2px 7px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
        transition: opacity 0.3s, transform 0.3s
    }

    div.contextmenu > ul.icons > li > ul.visible {
        transform: translate3d(calc(-50% + 19px), 0, 0)
    }

    div.contextmenu > ul.icons > li > ul::before {
        content: "";
        position: absolute;
        top: -14px;
        left: 0;
        right: 0;
        width: 0;
        height: 0;
        margin: auto;
        border: 7px solid transparent;
        border-bottom-color: #fff;
        pointer-events: none
    }

    div.contextmenu > ul.icons > li > ul > li {
        display: inline-block
    }

    div.contextmenu > ul.icons > li > ul > li > a {
        position: relative;
        display: block;
        width: 24px;
        height: 24px;
        cursor: pointer;
        border-radius: 50%;
        margin: 0 1px;
        transition: background-color 0.3s
    }

    div.contextmenu > ul.icons > li > ul > li > a::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-mask: no-repeat center/18px;
        -webkit-mask-image: url(chrome-extension://jdbnofccmhefkmjbkkdkfiicjkgofkdh/img/none.svg);
        background-color: #ccc
    }

    div.contextmenu > ul.icons > li > ul > li > a[data-type='bookmark']::before {
        -webkit-mask-image: url(chrome-extension://jdbnofccmhefkmjbkkdkfiicjkgofkdh/img/icon-bookmark.svg)
    }

    div.contextmenu > ul.icons > li > ul > li > a[data-type='dir']::before {
        -webkit-mask-image: url(chrome-extension://jdbnofccmhefkmjbkkdkfiicjkgofkdh/img/icon-dir-1.svg)
    }

    div.contextmenu > ul.icons > li > ul > li > a[data-type='separator']::before {
        -webkit-mask-image: url(chrome-extension://jdbnofccmhefkmjbkkdkfiicjkgofkdh/img/icon-separator.svg)
    }

    div.contextmenu > ul.list > li {
        position: relative
    }

    div.contextmenu > ul.list > li > div.checkbox {
        position: absolute;
        z-index: 2;
        top: 9px;
        left: 9px
    }

    div.contextmenu > ul.list > li > div.checkbox + a {
        padding-left: 38px
    }

    div.contextmenu > ul.list > li > div.checkbox + a::before {
        display: none
    }

    div.contextmenu > ul.list > li > div.checkbox.hover + a {
        color: #1b82f1
    }

    div.contextmenu > ul.list > li > a {
        position: relative;
        display: block;
        line-height: 39px;
        padding: 0 10px 0 38px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        cursor: pointer;
        transition: color 0.3s
    }

    div.contextmenu > ul.list > li > a::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-mask: no-repeat center/20px;
        background-color: #ccc
    }

    div.contextmenu > ul.list > li > a > span {
        display: inline-block;
        margin: 0 0 0 3px;
        font-size: 80%;
        opacity: 0.8
    }

    div.contextmenu > ul.list > li > a::before {
        transition: background-color 0.3s, opacity 0.3s;
        width: 39px;
        height: 39px
    }

    div.contextmenu > ul.list > li > a.hover {
        color: #1b82f1
    }

    div.contextmenu > ul.list > li > a.hover::before {
        background-color: #1b82f1;
        opacity: 0.8
    }

    div.contextmenu > ul.list > li > a[data-name='add']::before {
        -webkit-mask-image: url(chrome-extension://jdbnofccmhefkmjbkkdkfiicjkgofkdh/img/icon-add.svg);
        -webkit-mask-size: 22px
    }

    div.contextmenu > ul.list > li > a[data-name='reload']::before {
        -webkit-mask-image: url(chrome-extension://jdbnofccmhefkmjbkkdkfiicjkgofkdh/img/icon-update.svg)
    }

    div.contextmenu > ul.list > li > a[data-name='closeAll']::before {
        -webkit-mask-image: url(chrome-extension://jdbnofccmhefkmjbkkdkfiicjkgofkdh/img/icon-close.svg)
    }

    div.contextmenu > ul.list > li > a[data-name='newTab']::before, div.contextmenu > ul.list > li > a[data-name='openChildren']::before {
        -webkit-mask-image: url(chrome-extension://jdbnofccmhefkmjbkkdkfiicjkgofkdh/img/icon-newTab.svg)
    }

    div.contextmenu > ul.list > li > a[data-name='newWindow']::before {
        -webkit-mask-image: url(chrome-extension://jdbnofccmhefkmjbkkdkfiicjkgofkdh/img/icon-newWindow.svg)
    }

    div.contextmenu > ul.list > li > a[data-name='newIncognito']::before {
        -webkit-mask-image: url(chrome-extension://jdbnofccmhefkmjbkkdkfiicjkgofkdh/img/icon-incognito.svg)
    }

    div.contextmenu > ul.list > li > a[data-name='delete']::before {
        -webkit-mask-image: url(chrome-extension://jdbnofccmhefkmjbkkdkfiicjkgofkdh/img/icon-delete.svg)
    }

    div.contextmenu > ul.list > li > a[data-name='edit']::before {
        -webkit-mask-image: url(chrome-extension://jdbnofccmhefkmjbkkdkfiicjkgofkdh/img/icon-edit.svg)
    }

    div.contextmenu > ul.list > li > a[data-name='checkBookmarks']::before {
        -webkit-mask-image: url(chrome-extension://jdbnofccmhefkmjbkkdkfiicjkgofkdh/img/icon-update.svg)
    }

    div.contextmenu > ul.list > li > a[data-name='showInDir']::before {
        -webkit-mask-image: url(chrome-extension://jdbnofccmhefkmjbkkdkfiicjkgofkdh/img/icon-showInDir.svg)
    }

    section#sidebar[data-pos='right'] div.contextmenu[data-type='menu'], section#sidebar[data-pos='right'] div.contextmenu[data-type='sort'] {
        right: 0
    }

    html[dir='rtl'] div.contextmenu[data-type='list'], html[dir='rtl'] div.contextmenu[data-type='separator'] {
        margin: 0 10px 0 0
    }

    html[dir='rtl'] div.contextmenu[data-type='menu'], html[dir='rtl'] div.contextmenu[data-type='sort'] {
        left: 0;
        right: unset
    }

    html[dir='rtl'] div.contextmenu > ul.icons > li.right {
        float: left
    }

    html[dir='rtl'] div.contextmenu > ul.list > li > div.checkbox {
        left: unset;
        right: 9px
    }

    html[dir='rtl'] div.contextmenu > ul.list > li > div.checkbox + a {
        padding-left: 0;
        padding-right: 38px
    }

    html[dir='rtl'] div.contextmenu > ul.list > li > a {
        padding: 0 38px 0 10px
    }

    html[dir='rtl'] div.contextmenu > ul.list > li > a > span {
        margin: 0 3px 0 0
    }

    html[dir='rtl'] div.contextmenu > ul.list > li > a::before {
        transform: scaleX(-1);
        left: unset;
        right: 0
    }

    html[dir='rtl'] div.contextmenu > ul.list > li > a[data-name='reload']::before {
        transform: scaleX(1)
    }

    html[dir='rtl'] section#sidebar[data-pos='right'] div.contextmenu[data-type='menu'] {
        right: unset;
        left: -93px
    }

    html[dir='rtl'] section#sidebar[data-pos='right'] div.contextmenu[data-type='sort'] {
        right: unset;
        left: -57px
    }

    body.highContrast:not(.dark) div.contextmenu > ul.list > li > a {
        transition: opacity 0.3s
    }

    body.highContrast:not(.dark) div.contextmenu > ul.list > li > a.hover {
        color: #646464;
        opacity: 1
    }

    body.highContrast:not(.dark) div.contextmenu > ul.list > li > a.hover::before {
        background-color: #646464;
        opacity: 0.8
    }

    body.dark div.contextmenu {
        background: #4d4d4d;
        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4)
    }

    body.dark div.contextmenu > ul.list > li > a {
        transition: opacity 0.3s;
        opacity: 0.7
    }

    body.dark div.contextmenu > ul.list > li > a::before {
        background-color: #999
    }

    body.dark div.contextmenu > ul.list > li > a.hover {
        color: #646464;
        opacity: 1
    }

    body.dark div.contextmenu > ul.list > li > a.hover::before {
        background-color: #646464;
        opacity: 0.8
    }

    body.dark div.contextmenu > ul.icons {
        background: #555
    }

    body.dark div.contextmenu > ul.icons > li > a::before {
        background-color: #999
    }

    body.dark div.contextmenu > ul.icons > li > a.hover {
        background-color: #616161
    }

    body.dark div.contextmenu > ul.icons > li > ul {
        background: #3d3d3d;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25)
    }

    body.dark div.contextmenu > ul.icons > li > ul::before {
        border-bottom-color: #3d3d3d
    }

    body.dark div.contextmenu > ul.icons > li > ul > li > a::before {
        background-color: #999
    }

    div.tooltip {
        position: absolute;
        background: #444;
        border-radius: 2px;
        color: #fff;
        padding: 2px 4px 3px;
        max-width: 300px;
        font-size: 9px;
        z-index: 2;
        transform: translate3d(-5px, 0, 0);
        transition: opacity 0.3s, transform 0.3s
    }

    div.tooltip.visible {
        opacity: 1;
        transform: translate3d(0, 0, 0) !important
    }

    div.tooltip > h3[data-num]::after {
        content: " " attr(data-num)
    }

    div.tooltip::before {
        content: "";
        position: absolute;
        top: calc(50% - 6px);
        left: -12px;
        border: 6px solid transparent;
        border-right-color: #444
    }

    div.tooltip > h3 {
        font-weight: 300
    }

    div.tooltip > span {
        opacity: 0.7;
        word-wrap: break-word
    }

    div.tooltip > p {
        margin-top: 5px;
        padding-top: 3px;
        border-top: 1px solid rgba(255, 255, 255, 0.7)
    }

    div.tooltip > ul.breadcrumb {
        margin-top: 4px;
        padding: 2px 0;
        border-top: 1px solid rgba(255, 255, 255, 0.7)
    }

    div.tooltip > ul.breadcrumb > li {
        display: inline-block
    }

    div.tooltip > ul.breadcrumb > li:not(:last-child)::after {
        content: ">";
        margin: 0 4px;
        opacity: 0.7
    }

    section#sidebar[data-pos='right'] ~ div.tooltip {
        transform: translate3d(5px, 0, 0)
    }

    section#sidebar[data-pos='right'] ~ div.tooltip::before {
        left: auto;
        right: -12px;
        border-right-color: transparent;
        border-left-color: #444
    }

    body.dark div.tooltip {
        color: #eee;
        background: #222
    }

    body.dark div.tooltip::before {
        border-right-color: #222
    }

    body.dark section#sidebar[data-pos='right'] ~ div.tooltip::before {
        border-left-color: #222
    }

    div.checkbox {
        position: relative;
        cursor: pointer
    }

    div.checkbox > input[type='checkbox'] {
        display: none
    }

    div.checkbox[data-style="default"] {
        width: 20px;
        height: 20px
    }

    div.checkbox[data-style="default"]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-mask: no-repeat center/22px;
        background-color: #646464
    }

    div.checkbox[data-style="default"]::before {
        transition: -webkit-mask 0.3s, background-color 0.3s
    }

    div.checkbox[data-style="default"][data-type='checkbox']::before {
        -webkit-mask-image: url(chrome-extension://jdbnofccmhefkmjbkkdkfiicjkgofkdh/img/icon-checkbox-inactive.svg)
    }

    div.checkbox[data-style="default"][data-type='radio']::before {
        -webkit-mask-image: url(chrome-extension://jdbnofccmhefkmjbkkdkfiicjkgofkdh/img/icon-radio-inactive.svg)
    }

    div.checkbox[data-style="default"]::after {
        content: "";
        position: absolute;
        top: calc(50% - 1px);
        left: calc(50% - 1px);
        width: 2px;
        height: 2px;
        border-radius: 50%;
        pointer-events: none;
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
        transition: background 0.2s, box-shadow 0.2s, opacity 0.5s;
        opacity: 0.2
    }

    div.checkbox[data-style="default"].focus::after, div.checkbox[data-style="default"].clicked::after {
        background: rgba(0, 0, 0, 0.5);
        box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.5)
    }

    div.checkbox[data-style="default"].clicked::after {
        opacity: 0
    }

    div.checkbox[data-style="default"].active::before {
        background-color: #1b82f1
    }

    div.checkbox[data-style="default"].active[data-type='checkbox']::before {
        -webkit-mask-image: url(chrome-extension://jdbnofccmhefkmjbkkdkfiicjkgofkdh/img/icon-checkbox.svg)
    }

    div.checkbox[data-style="default"].active[data-type='radio']::before {
        -webkit-mask-image: url(chrome-extension://jdbnofccmhefkmjbkkdkfiicjkgofkdh/img/icon-radio.svg)
    }

    div.checkbox[data-style="default"].active::after {
        box-shadow: 0 0 0 0 #1b82f1
    }

    div.checkbox[data-style="default"].active.focus::after, div.checkbox[data-style="default"].active.clicked::after {
        background: #1b82f1;
        box-shadow: 0 0 0 20px #1b82f1
    }

    div.checkbox[data-style="switch"] {
        width: 32px;
        height: 14px;
        transition: padding-left 0.2s, opacity 0.2s
    }

    div.checkbox[data-style="switch"]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 14px;
        background: rgba(0, 0, 0, 0.2);
        transition: background 0.2s, opacity 0.2s
    }

    div.checkbox[data-style="switch"]::after {
        content: "";
        position: relative;
        display: block;
        top: -3px;
        left: -3px;
        width: 20px;
        height: 20px;
        background-color: #fff;
        transition: background-color 0.2s;
        box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.4);
        border-radius: 50%
    }

    div.checkbox[data-style="switch"].active {
        padding-left: 18px
    }

    div.checkbox[data-style="switch"].active::before {
        opacity: 0.4
    }

    div.checkbox[data-style="switch"].active::before, div.checkbox[data-style="switch"].active::after {
        background-color: #1b82f1
    }

    html[dir='rtl'] div.checkbox[data-style="switch"] {
        transition: padding-right 0.2s, opacity 0.2s
    }

    html[dir='rtl'] div.checkbox[data-style="switch"]::after {
        left: unset;
        right: -3px;
        box-shadow: -1px 1px 7px rgba(0, 0, 0, 0.4)
    }

    html[dir='rtl'] div.checkbox[data-style="switch"].active {
        padding-left: unset;
        padding-right: 18px
    }

    body.highContrast:not(.dark) div.checkbox[data-style="default"].active::before {
        background-color: #646464
    }

    body.highContrast:not(.dark) div.checkbox[data-style="default"].active::after {
        box-shadow: 0 0 0 0 #646464
    }

    body.highContrast:not(.dark) div.checkbox[data-style="default"].active.focus::after, body.highContrast:not(.dark) div.checkbox[data-style="default"].active.clicked::after {
        background: #646464;
        box-shadow: 0 0 0 20px #646464
    }

    body.highContrast:not(.dark) div.checkbox[data-style="switch"].active::before, body.highContrast:not(.dark) div.checkbox[data-style="switch"].active::after {
        background-color: #646464
    }

    body.dark div.checkbox[data-style="default"]::after {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5)
    }

    body.dark div.checkbox[data-style="default"].focus::after, body.dark div.checkbox[data-style="default"].clicked::after {
        background: rgba(255, 255, 255, 0.5);
        box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.5)
    }

    body.dark div.checkbox[data-style="default"].active::before {
        background-color: #646464
    }

    body.dark div.checkbox[data-style="default"].active::after {
        box-shadow: 0 0 0 0 #646464
    }

    body.dark div.checkbox[data-style="default"].active.focus::after, body.dark div.checkbox[data-style="default"].active.clicked::after {
        background: #646464;
        box-shadow: 0 0 0 20px #646464
    }

    body.dark div.checkbox[data-style="switch"]::before {
        background: rgba(255, 255, 255, 0.15)
    }

    body.dark div.checkbox[data-style="switch"]::after {
        background-color: #aaa
    }

    body.dark div.checkbox[data-style="switch"].active::before, body.dark div.checkbox[data-style="switch"].active::after {
        background-color: #fff
    }

    *, *::after, *::before {
        padding: 0;
        margin: 0;
        box-sizing: border-box;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
    }

    body, input, textarea, select, button {
        font-size: 14px;
        font-family: Noto Sans SC, sans-serif;
        color: #646464;
        font-weight: 300
    }

    ul, menu {
        list-style: none
    }

    strong {
        font-weight: 400
    }

    a {
        color: #646464;
        text-decoration: none
    }

    body {
        width: 100%;
        height: 100%;
        overflow: hidden
    }

    body.noAnimations *, body.noAnimations *::before, body.noAnimations *::after {
        transition: none !important
    }

    body > textarea {
        position: fixed;
        top: 0;
        left: 0;
        width: 50px;
        height: 50px;
        z-index: -1
    }

    a.dragHelper {
        display: flex;
        align-items: center;
        font-size: 14px;
        line-height: 38px;
        padding: 0 16px;
        white-space: nowrap;
        cursor: pointer;
        transition: background 0.3s, color 0.3s;
        position: absolute;
        background: #f5f5f5;
        padding-right: 46px;
        box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.3);
        transition: none;
        z-index: 3
    }

    a.dragHelper.hover:not(.separator) {
        background: #f5f5f5
    }

    a.dragHelper.dragHover {
        background: #f5f5f5
    }

    a.dragHelper.mark {
        background: #1b82f1;
        color: #fff
    }

    a.dragHelper.active {
        font-weight: 400
    }

    a.dragHelper.dir {
        font-weight: 400
    }

    a.dragHelper.separator {
        height: 38px;
        cursor: default
    }

    a.dragHelper.separator > span.label {
        position: relative;
        width: 100%;
        height: 100%
    }

    a.dragHelper.separator > span.label::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        height: 1px;
        background: rgba(0, 0, 0, 0.15)
    }

    a.dragHelper.separator > span.label[data-name]::before {
        content: attr(data-name);
        position: relative;
        background: #fff;
        margin: 0 calc(16px + 16px);
        box-shadow: 0 0 0 10px #fff;
        font-style: italic;
        z-index: 2
    }

    a.dragHelper > span.removeMask {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background: #ddd;
        padding: 0 16px;
        transform: translateX(100%);
        transition: transform 0.3s;
        z-index: 3
    }

    a.dragHelper > span.removeMask > em {
        font-style: italic;
        font-size: 90%;
        opacity: 0.8
    }

    a.dragHelper > span.removeMask > span {
        pointer-events: auto;
        cursor: pointer;
        float: right
    }

    a.dragHelper.removed {
        pointer-events: none
    }

    a.dragHelper.removed > span.removeMask {
        transform: translateX(0) !important
    }

    a.dragHelper > span.copied {
        position: absolute;
        top: -20px;
        left: calc(16px + 16px + 10px);
        background: #5eba7d;
        color: #fff;
        font-size: 80%;
        font-weight: 400;
        line-height: normal;
        padding: 3px 5px;
        pointer-events: none;
        opacity: 0;
        transform: translate3d(0, 5px, 0);
        transition: opacity 0.3s, transform 0.3s
    }

    a.dragHelper > span.copied::after {
        content: "";
        position: absolute;
        bottom: -10px;
        left: 0;
        right: 0;
        margin: auto;
        width: 0;
        border: 5px solid transparent;
        border-top-color: #5eba7d
    }

    a.dragHelper.copied {
        background: rgba(94, 186, 125, 0.2) !important
    }

    a.dragHelper.copied > span.copied {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }

    a.dragHelper > img, a.dragHelper > span.icon {
        position: relative;
        display: inline-block;
        width: 16px;
        height: 16px;
        margin: 0 16px 0 0;
        pointer-events: none;
        flex-shrink: 0
    }

    a.dragHelper > img {
        visibility: hidden
    }

    a.dragHelper > img[src] {
        visibility: visible
    }

    a.dragHelper.dir > span.icon {
        width: 16px;
        height: 16px
    }

    a.dragHelper.dir > span.icon::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-mask: no-repeat center/16px;
        -webkit-mask-image: url(chrome-extension://jdbnofccmhefkmjbkkdkfiicjkgofkdh/img/icon-dir-1.svg);
        background-color: #646464
    }

    a.dragHelper.dir.has-arrow {
        padding-left: 15px
    }

    a.dragHelper.dir.has-arrow::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 5px;
        width: 0;
        height: 0;
        margin: auto;
        border: 4px solid transparent;
        border-left-color: #646464;
        opacity: 0.6;
        transform-origin: 25% 50%;
        transition: transform 0.3s
    }

    a.dragHelper.dir.has-arrow.opened:not(.animated)::before, a.dragHelper.dir.has-arrow.animated:not(.opened)::before {
        transform: rotateZ(90deg)
    }

    a.dragHelper.link > span.icon::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-mask: no-repeat center/16px;
        -webkit-mask-image: url(chrome-extension://jdbnofccmhefkmjbkkdkfiicjkgofkdh/img/icon-demo.svg);
        background-color: rgba(0, 0, 0, 0)
    }

    a.dragHelper.link > span.icon[data-color='1']::before {
        background-color: #37bf99
    }

    a.dragHelper.link > span.icon[data-color='2']::before {
        background-color: #d737d5
    }

    a.dragHelper.link > span.icon[data-color='3']::before {
        background-color: #3e6bf2
    }

    a.dragHelper.link > span.icon[data-color='4']::before {
        background-color: #f4572f
    }

    a.dragHelper.link > span.icon[data-color='5']::before {
        background-color: #f74b58
    }

    a.dragHelper.link > span.icon[data-color='6']::before {
        background-color: #f5a2bf
    }

    a.dragHelper.link > span.icon[data-color='7']::before {
        background-color: #1a90ba
    }

    a.dragHelper.link > span.icon[data-color='8']::before {
        background-color: #b4bd0e
    }

    a.dragHelper.link > span.icon[data-color='9']::before {
        background-color: #fdde32
    }

    a.dragHelper.link > span.icon[data-color='10']::before {
        background-color: #8ccbce
    }

    a.dragHelper > span.label {
        position: relative;
        text-overflow: ellipsis;
        overflow: hidden;
        pointer-events: none
    }

    a.dragHelper > span.label::after {
        content: "\200B"
    }

    a.dragHelper > span.label[data-num]::after {
        content: " " attr(data-num)
    }

    a.dragHelper > span.drag {
        display: none;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 15px;
        margin: auto;
        width: 38px;
        height: 38px;
        max-width: 24px;
        max-height: 24px;
        border-radius: 2px;
        cursor: pointer;
        background-color: rgba(0, 0, 0, 0.05);
        transition: background-color 0.5s, opacity 0.5s
    }

    a.dragHelper > span.drag::before {
        transition: inherit
    }

    a.dragHelper > span.drag:hover {
        background-color: rgba(0, 0, 0, 0.125)
    }

    a.dragHelper.separator {
        background: #fff
    }

    a.dragHelper > span.drag {
        display: block;
        background-color: rgba(0, 0, 0, 0.1)
    }

    a.dragHelper > span.drag::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-mask: no-repeat center/18px;
        -webkit-mask-image: url(chrome-extension://jdbnofccmhefkmjbkkdkfiicjkgofkdh/img/icon-reorder.svg);
        background-color: #888
    }

    a.dragHelper.snap {
        transition: 0.2s;
        box-shadow: none
    }

    section#sidebar {
        position: relative;
        width: 350px;
        background: #fff;
        box-shadow: 15px 0 35px rgba(0, 0, 0, 0.12);
        height: 100%;
        display: flex;
        float: left;
        flex-direction: column;
        user-select: none;
        transition: background 0.3s;
        z-index: 2
    }

    section#sidebar.permanent {
        box-shadow: none !important;
        border-style: solid;
        border-width: 0 1px 0 0;
        border-color: rgba(0, 0, 0, 0.15)
    }

    section#sidebar[data-pos='right'] {
        float: right;
        box-shadow: -15px 0 35px rgba(0, 0, 0, 0.12)
    }

    section#sidebar[data-pos='right'].permanent {
        border-width: 0 0 0 1px
    }

    section#sidebar > header {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex-wrap: wrap;
        width: 100%;
        height: 50px;
        padding: 0 12px;
        background: #1b82f1;
        transition: background 0.3s;
        box-shadow: 0 6px 12px -3px rgba(0, 0, 0, 0.2);
        overflow: hidden;
        flex-shrink: 0;
        z-index: 3
    }

    section#sidebar > header > h1 {
        color: #ffffff;
        font-weight: 400;
        margin-right: auto;
        font-size: 100%;
        transition: transform 0.5s
    }

    section#sidebar > header > h1.hidden {
        display: none
    }

    section#sidebar > header > h1 > strong {
        font-weight: 300;
        font-size: 150%
    }

    section#sidebar > header > h1 > span {
        opacity: 0.7;
        font-size: 90%;
        display: inline-block;
        line-height: normal;
        margin: 0 0 0 3px
    }

    section#sidebar > header > h1 > span.hidden {
        display: none
    }

    section#sidebar > header > a {
        position: relative;
        display: block;
        width: 34px;
        height: 34px;
        border-radius: 50%;
        cursor: pointer;
        transition: background-color 0.3s, transform 0.3s, opacity 0.5s
    }

    section#sidebar > header > a::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-mask: no-repeat center/22px;
        background-color: #ffffff
    }

    section#sidebar > header > a:hover, section#sidebar > header > a.active {
        background-color: rgba(255, 255, 255, 0.2)
    }

    section#sidebar > header > a.menu {
        margin-right: -2px
    }

    section#sidebar > header > div.searchBox {
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        left: 12px;
        width: calc(100% - 100px);
        height: 30px;
        background-color: rgba(255, 255, 255, 0.2);
        border-radius: 30px;
        transform: translate3d(20px, 0, 0);
        transition: transform 0.3s, opacity 0.3s
    }

    section#sidebar > header > div.searchBox > input[type='text'] {
        vertical-align: top;
        display: inline-block;
        height: 100%;
        width: calc(100% - 30px);
        outline: none;
        border: 0;
        background: transparent;
        color: #ffffff;
        padding: 0 5px 0 12px
    }

    section#sidebar > header > div.searchBox > input[type='text']::-webkit-input-placeholder {
        color: #ffffff;
        opacity: 0.7
    }

    section#sidebar > header > div.searchBox > a.searchClose {
        position: relative;
        vertical-align: top;
        display: inline-block;
        height: 30px;
        width: 30px;
        border-radius: 50%;
        cursor: pointer;
        transition: background-color 0.3s
    }

    section#sidebar > header > div.searchBox > a.searchClose:hover {
        background-color: rgba(255, 255, 255, 0.2)
    }

    section#sidebar > header.searchVisible > h1 {
        transform: translate3d(-200%, 0, 0);
        pointer-events: none;
        transition: transform 0.5s
    }

    section#sidebar > header.searchVisible > div.searchBox {
        transform: translate3d(0, 0, 0);
        transition: transform 0.5s 0.1s, opacity 0.5s 0.1s
    }

    section#sidebar > span.drag {
        position: absolute;
        top: 0;
        right: -10px;
        width: 10px;
        height: 100%;
        cursor: ew-resize;
        transition: background 0.5s
    }

    section#sidebar > span.drag:hover, section#sidebar > span.drag.isDragged {
        background: rgba(255, 255, 255, 0.5)
    }

    section#sidebar > a.lockPinned {
        position: absolute;
        top: 50px;
        right: -22px;
        display: block;
        margin-top: 9px;
        width: 18px;
        height: 45px;
        background: #fff;
        border-radius: 10px;
        transition: transform 0.5s, opacity 0.5s;
        transform: translate3d(-7px, 0, 0);
        box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.2);
        cursor: pointer
    }

    section#sidebar > a.lockPinned > span::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-mask: no-repeat center/16px;
        -webkit-mask-image: url(chrome-extension://jdbnofccmhefkmjbkkdkfiicjkgofkdh/img/icon-lock.svg);
        background-color: #646464
    }

    section#sidebar > a.lockPinned::before, section#sidebar > a.lockPinned::after {
        content: "";
        position: absolute;
        left: 5px;
        border: 4px solid transparent;
        opacity: 0.5
    }

    section#sidebar > a.lockPinned::before {
        top: 0;
        border-bottom-color: #646464
    }

    section#sidebar > a.lockPinned::after {
        bottom: 0;
        border-top-color: #646464
    }

    section#sidebar > a.lockPinned.active {
        transform: translate3d(0, 0, 0) !important
    }

    section#sidebar > a.lockPinned.fixed > span::before {
        -webkit-mask-image: url(chrome-extension://jdbnofccmhefkmjbkkdkfiicjkgofkdh/img/icon-unlock.svg)
    }

    section#sidebar[data-pos='right'] > span.drag {
        right: unset;
        left: -10px
    }

    section#sidebar[data-pos='right'] > a.lockPinned {
        right: unset;
        left: -22px;
        transform: translate3d(7px, 0, 0)
    }

    section#sidebar > div.filter {
        position: absolute;
        display: flex;
        align-content: flex-start;
        top: 50px;
        left: 0;
        right: 0;
        margin: auto;
        width: calc(100% - 22px);
        background: #f5f5f5;
        padding: 10px 16px 5px;
        border-radius: 0 0 5px 5px;
        transition: transform 0.3s, box-shadow 0.3s;
        z-index: 2
    }

    section#sidebar > div.filter.hidden {
        display: none
    }

    section#sidebar > div.filter > a[data-direction] {
        position: relative;
        display: inline-block;
        cursor: pointer;
        margin: 0 10px 5px 0;
        padding-left: 18px
    }

    section#sidebar > div.filter > a[data-direction]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-mask: no-repeat center/24px;
        -webkit-mask-image: url(chrome-extension://jdbnofccmhefkmjbkkdkfiicjkgofkdh/img/icon-arrow-up.svg);
        background-color: #646464
    }

    section#sidebar > div.filter > a[data-direction]::before {
        width: 14px;
        height: 14px;
        margin: 1px 0 0 0;
        transition: transform 0.5s
    }

    section#sidebar > div.filter > a[data-direction][data-direction="DESC"]::before {
        transform: rotateZ(180deg)
    }

    section#sidebar > div.filter > ul {
        float: right;
        margin-bottom: 5px
    }

    section#sidebar > div.filter > ul > li {
        position: relative
    }

    section#sidebar > div.filter > ul > li + li {
        margin-top: 5px
    }

    section#sidebar > div.filter > ul > li > div.checkbox {
        position: absolute;
        z-index: 2;
        width: 16px;
        height: 16px;
        top: 0;
        left: 0
    }

    section#sidebar > div.filter > ul > li > div.checkbox::before {
        -webkit-mask-size: 18px
    }

    section#sidebar > div.filter > ul > li > div.checkbox + a {
        padding-left: 22px;
        cursor: pointer
    }

    section#sidebar > div.filter > ul > li > div.checkbox + a::before {
        display: none
    }

    section#sidebar > div.filter::after {
        content: "";
        display: block;
        clear: both
    }

    section#sidebar > div.scrollBox {
        display: none
    }

    section#sidebar > div.scrollBox.active {
        display: block
    }

    section#sidebar > div.scrollBox > p {
        background: #fff;
        font-size: 120%;
        padding: 30px 20px;
        font-style: italic;
        max-width: 350px;
        margin: 0 auto
    }

    section#sidebar > div.scrollBox.scrolled ~ div.filter {
        box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2)
    }

    section#sidebar > div.scrollBox.scrolled:not([data-direction='up']) ~ div.filter {
        transform: translate3d(0, -100%, 0);
        box-shadow: none
    }

    section#sidebar > div.scrollBox > ul, section#sidebar > div.scrollBox > div.pinned > ul {
        position: relative;
        margin: 9px 0;
        z-index: 1
    }

    section#sidebar > div.scrollBox > ul a, section#sidebar > div.scrollBox > div.pinned > ul a {
        display: flex;
        align-items: center;
        font-size: 14px;
        line-height: 38px;
        padding: 0 16px;
        white-space: nowrap;
        cursor: pointer;
        transition: background 0.3s, color 0.3s;
        position: relative
    }

    section#sidebar > div.scrollBox > ul a.hover:not(.separator), section#sidebar > div.scrollBox > div.pinned > ul a.hover:not(.separator) {
        background: #f5f5f5
    }

    section#sidebar > div.scrollBox > ul a.dragHover, section#sidebar > div.scrollBox > div.pinned > ul a.dragHover {
        background: #f5f5f5
    }

    section#sidebar > div.scrollBox > ul a.mark, section#sidebar > div.scrollBox > div.pinned > ul a.mark {
        background: #1b82f1;
        color: #fff
    }

    section#sidebar > div.scrollBox > ul a.active, section#sidebar > div.scrollBox > div.pinned > ul a.active {
        font-weight: 400
    }

    section#sidebar > div.scrollBox > ul a.dir, section#sidebar > div.scrollBox > div.pinned > ul a.dir {
        font-weight: 400
    }

    section#sidebar > div.scrollBox > ul a.separator, section#sidebar > div.scrollBox > div.pinned > ul a.separator {
        height: 38px;
        cursor: default
    }

    section#sidebar > div.scrollBox > ul a.separator > span.label, section#sidebar > div.scrollBox > div.pinned > ul a.separator > span.label {
        position: relative;
        width: 100%;
        height: 100%
    }

    section#sidebar > div.scrollBox > ul a.separator > span.label::after, section#sidebar > div.scrollBox > div.pinned > ul a.separator > span.label::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        height: 1px;
        background: rgba(0, 0, 0, 0.15)
    }

    section#sidebar > div.scrollBox > ul a.separator > span.label[data-name]::before, section#sidebar > div.scrollBox > div.pinned > ul a.separator > span.label[data-name]::before {
        content: attr(data-name);
        position: relative;
        background: #fff;
        margin: 0 calc(16px + 16px);
        box-shadow: 0 0 0 10px #fff;
        font-style: italic;
        z-index: 2
    }

    section#sidebar > div.scrollBox > ul a > span.removeMask, section#sidebar > div.scrollBox > div.pinned > ul a > span.removeMask {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background: #ddd;
        padding: 0 16px;
        transform: translateX(100%);
        transition: transform 0.3s;
        z-index: 3
    }

    section#sidebar > div.scrollBox > ul a > span.removeMask > em, section#sidebar > div.scrollBox > div.pinned > ul a > span.removeMask > em {
        font-style: italic;
        font-size: 90%;
        opacity: 0.8
    }

    section#sidebar > div.scrollBox > ul a > span.removeMask > span, section#sidebar > div.scrollBox > div.pinned > ul a > span.removeMask > span {
        pointer-events: auto;
        cursor: pointer;
        float: right
    }

    section#sidebar > div.scrollBox > ul a.removed, section#sidebar > div.scrollBox > div.pinned > ul a.removed {
        pointer-events: none
    }

    section#sidebar > div.scrollBox > ul a.removed > span.removeMask, section#sidebar > div.scrollBox > div.pinned > ul a.removed > span.removeMask {
        transform: translateX(0) !important
    }

    section#sidebar > div.scrollBox > ul a > span.copied, section#sidebar > div.scrollBox > div.pinned > ul a > span.copied {
        position: absolute;
        top: -20px;
        left: calc(16px + 16px + 10px);
        background: #5eba7d;
        color: #fff;
        font-size: 80%;
        font-weight: 400;
        line-height: normal;
        padding: 3px 5px;
        pointer-events: none;
        opacity: 0;
        transform: translate3d(0, 5px, 0);
        transition: opacity 0.3s, transform 0.3s
    }

    section#sidebar > div.scrollBox > ul a > span.copied::after, section#sidebar > div.scrollBox > div.pinned > ul a > span.copied::after {
        content: "";
        position: absolute;
        bottom: -10px;
        left: 0;
        right: 0;
        margin: auto;
        width: 0;
        border: 5px solid transparent;
        border-top-color: #5eba7d
    }

    section#sidebar > div.scrollBox > ul a.copied, section#sidebar > div.scrollBox > div.pinned > ul a.copied {
        background: rgba(94, 186, 125, 0.2) !important
    }

    section#sidebar > div.scrollBox > ul a.copied > span.copied, section#sidebar > div.scrollBox > div.pinned > ul a.copied > span.copied {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }

    section#sidebar > div.scrollBox > ul a > img, section#sidebar > div.scrollBox > ul a > span.icon, section#sidebar > div.scrollBox > div.pinned > ul a > img, section#sidebar > div.scrollBox > div.pinned > ul a > span.icon {
        position: relative;
        display: inline-block;
        width: 16px;
        height: 16px;
        margin: 0 16px 0 0;
        pointer-events: none;
        flex-shrink: 0
    }

    section#sidebar > div.scrollBox > ul a > img, section#sidebar > div.scrollBox > div.pinned > ul a > img {
        visibility: hidden
    }

    section#sidebar > div.scrollBox > ul a > img[src], section#sidebar > div.scrollBox > div.pinned > ul a > img[src] {
        visibility: visible
    }

    section#sidebar > div.scrollBox > ul a.dir > span.icon, section#sidebar > div.scrollBox > div.pinned > ul a.dir > span.icon {
        width: 16px;
        height: 16px
    }

    section#sidebar > div.scrollBox > ul a.dir > span.icon::before, section#sidebar > div.scrollBox > div.pinned > ul a.dir > span.icon::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-mask: no-repeat center/16px;
        -webkit-mask-image: url(chrome-extension://jdbnofccmhefkmjbkkdkfiicjkgofkdh/img/icon-dir-1.svg);
        background-color: #646464
    }

    section#sidebar > div.scrollBox > ul a.dir.has-arrow, section#sidebar > div.scrollBox > div.pinned > ul a.dir.has-arrow {
        padding-left: 15px
    }

    section#sidebar > div.scrollBox > ul a.dir.has-arrow::before, section#sidebar > div.scrollBox > div.pinned > ul a.dir.has-arrow::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 5px;
        width: 0;
        height: 0;
        margin: auto;
        border: 4px solid transparent;
        border-left-color: #646464;
        opacity: 0.6;
        transform-origin: 25% 50%;
        transition: transform 0.3s
    }

    section#sidebar > div.scrollBox > ul a.dir.has-arrow.opened:not(.animated)::before, section#sidebar > div.scrollBox > ul a.dir.has-arrow.animated:not(.opened)::before, section#sidebar > div.scrollBox > div.pinned > ul a.dir.has-arrow.opened:not(.animated)::before, section#sidebar > div.scrollBox > div.pinned > ul a.dir.has-arrow.animated:not(.opened)::before {
        transform: rotateZ(90deg)
    }

    section#sidebar > div.scrollBox > ul a.link > span.icon::before, section#sidebar > div.scrollBox > div.pinned > ul a.link > span.icon::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-mask: no-repeat center/16px;
        -webkit-mask-image: url(chrome-extension://jdbnofccmhefkmjbkkdkfiicjkgofkdh/img/icon-demo.svg);
        background-color: rgba(0, 0, 0, 0)
    }

    section#sidebar > div.scrollBox > ul a.link > span.icon[data-color='1']::before, section#sidebar > div.scrollBox > div.pinned > ul a.link > span.icon[data-color='1']::before {
        background-color: #37bf99
    }

    section#sidebar > div.scrollBox > ul a.link > span.icon[data-color='2']::before, section#sidebar > div.scrollBox > div.pinned > ul a.link > span.icon[data-color='2']::before {
        background-color: #d737d5
    }

    section#sidebar > div.scrollBox > ul a.link > span.icon[data-color='3']::before, section#sidebar > div.scrollBox > div.pinned > ul a.link > span.icon[data-color='3']::before {
        background-color: #3e6bf2
    }

    section#sidebar > div.scrollBox > ul a.link > span.icon[data-color='4']::before, section#sidebar > div.scrollBox > div.pinned > ul a.link > span.icon[data-color='4']::before {
        background-color: #f4572f
    }

    section#sidebar > div.scrollBox > ul a.link > span.icon[data-color='5']::before, section#sidebar > div.scrollBox > div.pinned > ul a.link > span.icon[data-color='5']::before {
        background-color: #f74b58
    }

    section#sidebar > div.scrollBox > ul a.link > span.icon[data-color='6']::before, section#sidebar > div.scrollBox > div.pinned > ul a.link > span.icon[data-color='6']::before {
        background-color: #f5a2bf
    }

    section#sidebar > div.scrollBox > ul a.link > span.icon[data-color='7']::before, section#sidebar > div.scrollBox > div.pinned > ul a.link > span.icon[data-color='7']::before {
        background-color: #1a90ba
    }

    section#sidebar > div.scrollBox > ul a.link > span.icon[data-color='8']::before, section#sidebar > div.scrollBox > div.pinned > ul a.link > span.icon[data-color='8']::before {
        background-color: #b4bd0e
    }

    section#sidebar > div.scrollBox > ul a.link > span.icon[data-color='9']::before, section#sidebar > div.scrollBox > div.pinned > ul a.link > span.icon[data-color='9']::before {
        background-color: #fdde32
    }

    section#sidebar > div.scrollBox > ul a.link > span.icon[data-color='10']::before, section#sidebar > div.scrollBox > div.pinned > ul a.link > span.icon[data-color='10']::before {
        background-color: #8ccbce
    }

    section#sidebar > div.scrollBox > ul a > span.label, section#sidebar > div.scrollBox > div.pinned > ul a > span.label {
        position: relative;
        text-overflow: ellipsis;
        overflow: hidden;
        pointer-events: none
    }

    section#sidebar > div.scrollBox > ul a > span.label::after, section#sidebar > div.scrollBox > div.pinned > ul a > span.label::after {
        content: "\200B"
    }

    section#sidebar > div.scrollBox > ul a > span.label[data-num]::after, section#sidebar > div.scrollBox > div.pinned > ul a > span.label[data-num]::after {
        content: " " attr(data-num)
    }

    section#sidebar > div.scrollBox > ul a > span.drag, section#sidebar > div.scrollBox > div.pinned > ul a > span.drag {
        display: none;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 15px;
        margin: auto;
        width: 38px;
        height: 38px;
        max-width: 24px;
        max-height: 24px;
        border-radius: 2px;
        cursor: pointer;
        background-color: rgba(0, 0, 0, 0.05);
        transition: background-color 0.5s, opacity 0.5s
    }

    section#sidebar > div.scrollBox > ul a > span.drag::before, section#sidebar > div.scrollBox > div.pinned > ul a > span.drag::before {
        transition: inherit
    }

    section#sidebar > div.scrollBox > ul a > span.drag:hover, section#sidebar > div.scrollBox > div.pinned > ul a > span.drag:hover {
        background-color: rgba(0, 0, 0, 0.125)
    }

    section#sidebar > div.scrollBox > ul a + ul, section#sidebar > div.scrollBox > div.pinned > ul a + ul {
        padding-left: 25px;
        height: 0;
        overflow: hidden
    }

    section#sidebar > div.scrollBox > ul a.opened + ul, section#sidebar > div.scrollBox > div.pinned > ul a.opened + ul {
        height: auto
    }

    section#sidebar > div.scrollBox > ul a.opened:not(.animated) + ul, section#sidebar > div.scrollBox > div.pinned > ul a.opened:not(.animated) + ul {
        overflow: visible
    }

    section#sidebar > div.scrollBox > ul li.hidden > a, section#sidebar > div.scrollBox > div.pinned > ul li.hidden > a {
        opacity: 0.3;
        font-style: italic
    }

    section#sidebar > div.scrollBox > ul li.hidden > a:hover, section#sidebar > div.scrollBox > ul li.hidden > a.active, section#sidebar > div.scrollBox > div.pinned > ul li.hidden > a:hover, section#sidebar > div.scrollBox > div.pinned > ul li.hidden > a.active {
        opacity: 0.5
    }

    section#sidebar > div.scrollBox > ul li.isDragged, section#sidebar > div.scrollBox > div.pinned > ul li.isDragged {
        width: calc(100% - 5px);
        border: 3px dashed rgba(0, 0, 0, 0.2);
        pointer-events: none
    }

    section#sidebar > div.scrollBox > ul li.isDragged > a, section#sidebar > div.scrollBox > div.pinned > ul li.isDragged > a {
        visibility: hidden;
        line-height: calc(38px - 6px)
    }

    section#sidebar > div.scrollBox > ul li.isDragged > a > img, section#sidebar > div.scrollBox > div.pinned > ul li.isDragged > a > img {
        visibility: hidden
    }

    section#sidebar > div.scrollBox > ul li.dragInitial, section#sidebar > div.scrollBox > div.pinned > ul li.dragInitial {
        display: none
    }

    section#sidebar > div.scrollBox > ul.hideRoot > li > a, section#sidebar > div.scrollBox > div.pinned > ul.hideRoot > li > a {
        display: none
    }

    section#sidebar > div.scrollBox > ul.hideRoot > li > ul, section#sidebar > div.scrollBox > div.pinned > ul.hideRoot > li > ul {
        padding-left: 0
    }

    section#sidebar > div.scrollBox > div.pinned {
        position: relative;
        background-color: #fff;
        margin: 0 0 9px 0;
        padding-top: 9px;
        z-index: 2
    }

    section#sidebar > div.scrollBox > div.pinned.hidden {
        display: none
    }

    section#sidebar > div.scrollBox > div.pinned.fixed {
        position: sticky;
        top: 0
    }

    section#sidebar > div.scrollBox > div.pinned::after {
        content: "";
        display: block;
        height: 1px;
        margin: 7px 16px;
        background: rgba(0, 0, 0, 0.15)
    }

    section#sidebar > div.scrollBox > div.pinned > ul {
        margin: 0
    }

    section#sidebar > div.scrollBox > a[data-name='add'] {
        position: relative;
        display: block;
        width: 32px;
        height: 32px;
        cursor: pointer;
        border-radius: 50%;
        margin: 0 calc(16px - 6px) 9px;
        padding: 0 !important;
        transition: background-color 0.3s
    }

    section#sidebar > div.scrollBox > a[data-name='add']::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-mask: no-repeat center/20px;
        -webkit-mask-image: url(chrome-extension://jdbnofccmhefkmjbkkdkfiicjkgofkdh/img/icon-add.svg);
        background-color: #646464
    }

    section#sidebar > div.scrollBox > a[data-name='add']:hover {
        background-color: #f5f5f5
    }

    section#sidebar.openedOnce > header > a.search::before {
        -webkit-mask-image: url(chrome-extension://jdbnofccmhefkmjbkkdkfiicjkgofkdh/img/icon-search.svg)
    }

    section#sidebar.openedOnce > header > a.sort::before {
        -webkit-mask-image: url(chrome-extension://jdbnofccmhefkmjbkkdkfiicjkgofkdh/img/icon-sort.svg)
    }

    section#sidebar.openedOnce > header > a.menu::before {
        -webkit-mask-image: url(chrome-extension://jdbnofccmhefkmjbkkdkfiicjkgofkdh/img/icon-menu.svg)
    }

    section#sidebar.openedOnce > header > div.searchBox > a.searchClose::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-mask: no-repeat center/18px;
        -webkit-mask-image: url(chrome-extension://jdbnofccmhefkmjbkkdkfiicjkgofkdh/img/icon-close.svg);
        background-color: #ffffff
    }

    section#sidebar.openedOnce > div.scrollBox a > span.drag::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-mask: no-repeat center/18px;
        -webkit-mask-image: url(chrome-extension://jdbnofccmhefkmjbkkdkfiicjkgofkdh/img/icon-reorder.svg);
        background-color: #aaa
    }

    section#sidebar.openedOnce > div.scrollBox a > span.drag:hover::before {
        background-color: #888
    }

    section#sidebar[data-sort='custom'] > div#bookmarkBox a:hover {
        padding-right: 46px
    }

    section#sidebar[data-sort='custom'] > div#bookmarkBox a > span.drag {
        display: block !important
    }

    section#sidebar[data-sort='custom'] > div#bookmarkBox > ul > li > a > span.drag {
        display: none !important
    }

    section#sidebar.loading > svg.loading {
        position: absolute;
        top: calc(50% - 18px);
        left: calc(50% - 18px)
    }

    div#infoBox {
        position: absolute;
        bottom: 12px;
        left: 15px;
        width: calc(100% - 30px);
        box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
        padding: 12px 18px 10px;
        border-radius: 50px;
        background: #fff;
        text-align: center;
        z-index: 4;
        transform: translate3d(0, 20px, 0);
        transition: transform 0.5s, opacity 0.5s
    }

    div#infoBox.visible {
        transform: translate3d(0, 0, 0)
    }

    div#infoBox > p {
        margin: 0 0 10px 0;
        font-size: 110%;
        line-height: 140%
    }

    div#infoBox > a {
        position: relative;
        display: inline-block;
        padding: 5px 10px 4px;
        margin: 0 3px;
        color: #1b82f1;
        font-weight: 400;
        text-transform: uppercase;
        border-radius: 3px;
        cursor: pointer
    }

    div#infoBox > a::before {
        content: "";
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 3px;
        background: #1b82f1;
        transition: opacity 0.5s
    }

    div#infoBox > a:hover::before {
        opacity: 0.15
    }

    div#shareInfo, div#reloadInfo {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 4;
        background: #fff;
        overflow: auto;
        display: flex;
        transition: opacity 0.3s
    }

    div#shareInfo > div, div#reloadInfo > div {
        padding: 20px;
        text-align: center;
        margin: auto;
        color: #646464
    }

    div#shareInfo > div > h2, div#reloadInfo > div > h2 {
        font-size: 180%;
        font-weight: 300;
        margin-bottom: 40px
    }

    div#shareInfo > div > p, div#reloadInfo > div > p {
        font-size: 110%;
        line-height: 150%;
        margin: 20px 0
    }

    div#shareInfo > div > p > strong, div#reloadInfo > div > p > strong {
        text-decoration: underline
    }

    div#shareInfo > div > label, div#reloadInfo > div > label {
        display: block;
        text-align: center;
        font-size: 120%;
        margin-top: 40px
    }

    div#shareInfo > div > label > a, div#reloadInfo > div > label > a {
        position: relative;
        display: inline-block;
        width: 26px;
        height: 26px;
        vertical-align: top;
        margin: -3px 0 0 5px;
        border-radius: 50%;
        cursor: pointer;
        transition: background 0.5s
    }

    div#shareInfo > div > label > a::before, div#reloadInfo > div > label > a::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-mask: no-repeat center/18px;
        -webkit-mask-image: url(chrome-extension://jdbnofccmhefkmjbkkdkfiicjkgofkdh/img/icon-info.svg);
        background-color: #aaa
    }

    div#shareInfo > div > label > a:hover, div#reloadInfo > div > label > a:hover {
        background: #f5f5f5
    }

    div#shareInfo > div > div.checkbox, div#reloadInfo > div > div.checkbox {
        margin: 20px auto 0
    }

    div#shareInfo > div > a, div#reloadInfo > div > a {
        position: relative;
        font-size: 120%;
        color: #646464;
        display: inline-block;
        margin: 40px 20px 0;
        font-weight: 400;
        padding: 5px 10px;
        transition: background 0.5s;
        border-radius: 2px;
        cursor: pointer;
        z-index: 2
    }

    div#shareInfo > div > a:hover, div#reloadInfo > div > a:hover {
        background: #f5f5f5
    }

    div#reloadInfo > div {
        position: relative;
        padding-top: 90px
    }

    div#reloadInfo > div::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-mask: no-repeat center/64px;
        -webkit-mask-image: url(chrome-extension://jdbnofccmhefkmjbkkdkfiicjkgofkdh/img/icon-update.svg);
        background-color: #646464
    }

    div#reloadInfo > div::before {
        -webkit-mask-position-y: 0
    }

    body.dragCancel * {
        cursor: no-drop !important
    }

    body.dragCancel section#sidebar > div.scrollBox ul li.isDragged {
        display: none
    }

    html[dir='rtl'] a.dragHelper {
        padding-right: 16px;
        padding-left: 46px
    }

    html[dir='rtl'] a.dragHelper.dir.has-arrow {
        padding-left: 16px;
        padding-right: 15px !important
    }

    html[dir='rtl'] a.dragHelper.dir.has-arrow::before {
        right: 5px;
        left: unset;
        border-left-color: transparent;
        border-right-color: #646464;
        transform-origin: 75% 50%
    }

    html[dir='rtl'] a.dragHelper.dir.has-arrow.opened:not(.animated)::before, html[dir='rtl'] a.dragHelper.dir.has-arrow.animated:not(.opened)::before {
        transform: rotateZ(-90deg)
    }

    html[dir='rtl'] a.dragHelper > span.copied {
        left: unset;
        right: calc(16px + 16px + 10px)
    }

    html[dir='rtl'] a.dragHelper > img, html[dir='rtl'] a.dragHelper > span.icon {
        margin: 0 0 0 16px
    }

    html[dir='rtl'] a.dragHelper > span.removeMask {
        transform: translateX(-100%)
    }

    html[dir='rtl'] a.dragHelper > span.removeMask > span {
        float: left
    }

    html[dir='rtl'] a.dragHelper > span.drag {
        right: unset;
        left: 15px
    }

    html[dir='rtl'] section#sidebar > header > h1 {
        margin-left: auto;
        margin-right: unset
    }

    html[dir='rtl'] section#sidebar > header > a:not(.search)::before {
        transform: scaleX(-1)
    }

    html[dir='rtl'] section#sidebar > header > div.searchBox {
        left: unset;
        right: 12px
    }

    html[dir='rtl'] section#sidebar > header > div.searchBox > input[type='text'] {
        padding-right: 12px;
        padding-left: 5px
    }

    html[dir='rtl'] section#sidebar > header.searchVisible > h1 {
        transform: translate3d(200%, 0, 0)
    }

    html[dir='rtl'] section#sidebar > a.lockPinned > span::before {
        transform: scaleX(-1)
    }

    html[dir='rtl'] section#sidebar > div.filter > a[data-direction] {
        margin-left: 10px;
        margin-right: 0;
        padding-left: 0;
        padding-right: 18px
    }

    html[dir='rtl'] section#sidebar > div.filter > a[data-direction]::before {
        left: unset;
        right: 0
    }

    html[dir='rtl'] section#sidebar > div.filter > ul > li > div.checkbox {
        left: unset;
        right: 0
    }

    html[dir='rtl'] section#sidebar > div.filter > ul > li > div.checkbox + a {
        padding-left: unset;
        padding-right: 22px
    }

    html[dir='rtl'] section#sidebar > div.scrollBox > ul a.dir.has-arrow, html[dir='rtl'] section#sidebar > div.scrollBox > div.pinned > ul a.dir.has-arrow {
        padding-left: 16px;
        padding-right: 15px !important
    }

    html[dir='rtl'] section#sidebar > div.scrollBox > ul a.dir.has-arrow::before, html[dir='rtl'] section#sidebar > div.scrollBox > div.pinned > ul a.dir.has-arrow::before {
        right: 5px;
        left: unset;
        border-left-color: transparent;
        border-right-color: #646464;
        transform-origin: 75% 50%
    }

    html[dir='rtl'] section#sidebar > div.scrollBox > ul a.dir.has-arrow.opened:not(.animated)::before, html[dir='rtl'] section#sidebar > div.scrollBox > ul a.dir.has-arrow.animated:not(.opened)::before, html[dir='rtl'] section#sidebar > div.scrollBox > div.pinned > ul a.dir.has-arrow.opened:not(.animated)::before, html[dir='rtl'] section#sidebar > div.scrollBox > div.pinned > ul a.dir.has-arrow.animated:not(.opened)::before {
        transform: rotateZ(-90deg)
    }

    html[dir='rtl'] section#sidebar > div.scrollBox > ul a > span.copied, html[dir='rtl'] section#sidebar > div.scrollBox > div.pinned > ul a > span.copied {
        left: unset;
        right: calc(16px + 16px + 10px)
    }

    html[dir='rtl'] section#sidebar > div.scrollBox > ul a > img, html[dir='rtl'] section#sidebar > div.scrollBox > ul a > span.icon, html[dir='rtl'] section#sidebar > div.scrollBox > div.pinned > ul a > img, html[dir='rtl'] section#sidebar > div.scrollBox > div.pinned > ul a > span.icon {
        margin: 0 0 0 16px
    }

    html[dir='rtl'] section#sidebar > div.scrollBox > ul a > span.removeMask, html[dir='rtl'] section#sidebar > div.scrollBox > div.pinned > ul a > span.removeMask {
        transform: translateX(-100%)
    }

    html[dir='rtl'] section#sidebar > div.scrollBox > ul a > span.removeMask > span, html[dir='rtl'] section#sidebar > div.scrollBox > div.pinned > ul a > span.removeMask > span {
        float: left
    }

    html[dir='rtl'] section#sidebar > div.scrollBox > ul a > span.drag, html[dir='rtl'] section#sidebar > div.scrollBox > div.pinned > ul a > span.drag {
        right: unset;
        left: 15px
    }

    html[dir='rtl'] section#sidebar > div.scrollBox > ul a + ul, html[dir='rtl'] section#sidebar > div.scrollBox > div.pinned > ul a + ul {
        padding-left: unset;
        padding-right: 25px
    }

    html[dir='rtl'] section#sidebar > div.scrollBox > ul.hideRoot > li > ul, html[dir='rtl'] section#sidebar > div.scrollBox > div.pinned > ul.hideRoot > li > ul {
        padding-left: 0;
        padding-right: 0
    }

    html[dir='rtl'] section#sidebar[data-sort='custom'] > div#bookmarkBox a:hover {
        padding-right: 16px;
        padding-left: 46px
    }

    html[dir='rtl'] div#shareInfo > div > label > a, html[dir='rtl'] div#reloadInfo > div > label > a {
        margin-right: 5px;
        margin-left: unset
    }

    body.highContrast:not(.dark) section#sidebar > header > a:hover, body.highContrast:not(.dark) section#sidebar > header > a.active {
        background-color: rgba(0, 0, 0, 0.07)
    }

    body.highContrast:not(.dark) section#sidebar > header > div.searchBox {
        background-color: rgba(0, 0, 0, 0.07)
    }

    body.highContrast:not(.dark) section#sidebar > header > div.searchBox > a.searchClose:hover {
        background-color: rgba(0, 0, 0, 0.07)
    }

    body.highContrast:not(.dark) div#infoBox > a {
        color: #646464
    }

    body.highContrast:not(.dark) div#infoBox > a::before {
        background: #646464
    }

    body.dark section#sidebar {
        background: #3d3d3d
    }

    body.dark section#sidebar.permanent {
        border-color: rgba(255, 255, 255, 0.1)
    }

    body.dark section#sidebar > div.filter {
        background: #4d4d4d
    }

    body.dark section#sidebar > span.drag:hover, body.dark section#sidebar > span.drag.isDragged {
        background: rgba(0, 0, 0, 0.2)
    }

    body.dark section#sidebar > a.lockPinned {
        background: #3d3d3d;
        box-shadow: 1px 1px 11px rgba(0, 0, 0, 0.2)
    }

    body.dark section#sidebar > div.scrollBox > div.pinned {
        background-color: #3d3d3d
    }

    body.dark section#sidebar > div.scrollBox > div.pinned::after {
        background: rgba(255, 255, 255, 0.15)
    }

    body.dark section#sidebar > div.scrollBox > ul li.isDragged {
        width: calc(100% - 5px);
        border-color: rgba(255, 255, 255, 0.2)
    }

    body.dark section#sidebar > div.scrollBox > ul a.separator > span.label::after {
        background: rgba(255, 255, 255, 0.15)
    }

    body.dark section#sidebar > div.scrollBox > ul a.separator > span.label[data-name]::before {
        background: #3d3d3d;
        box-shadow: 0 0 0 10px #3d3d3d
    }

    body.dark section#sidebar > div.scrollBox > ul a > span.removeMask {
        background: #666
    }

    body.dark section#sidebar > div.scrollBox > ul a > span.drag {
        background-color: rgba(255, 255, 255, 0.1)
    }

    body.dark section#sidebar > div.scrollBox > ul a > span.drag::before {
        background-color: #bbb
    }

    body.dark section#sidebar > div.scrollBox > ul a > span.drag:hover {
        background-color: rgba(255, 255, 255, 0.25) !important
    }

    body.dark section#sidebar > div.scrollBox > ul a > span.drag:hover::before {
        background-color: #eee
    }

    body.dark section#sidebar > div.scrollBox > ul a.snap {
        background: #3d3d3d
    }

    body.dark section#sidebar > div.scrollBox > ul a > span.drag::before {
        background-color: #bbb
    }

    body.dark section#sidebar > div.scrollBox > ul a > span.drag:hover {
        background-color: rgba(255, 255, 255, 0.1)
    }

    body.dark section#sidebar > div.scrollBox > ul a > span.drag:hover::before {
        background-color: #eee
    }

    body.dark section#sidebar > div.scrollBox > p {
        background: #3d3d3d
    }

    body.dark section#sidebar ~ a.dragHelper.separator > span.label::after {
        background: rgba(255, 255, 255, 0.15)
    }

    body.dark section#sidebar ~ a.dragHelper.separator > span.label[data-name]::before {
        background: #3d3d3d;
        box-shadow: 0 0 0 10px #3d3d3d
    }

    body.dark section#sidebar ~ a.dragHelper > span.removeMask {
        background: #666
    }

    body.dark section#sidebar ~ a.dragHelper > span.drag {
        background-color: rgba(255, 255, 255, 0.1)
    }

    body.dark section#sidebar ~ a.dragHelper > span.drag::before {
        background-color: #bbb
    }

    body.dark section#sidebar ~ a.dragHelper > span.drag:hover {
        background-color: rgba(255, 255, 255, 0.25) !important
    }

    body.dark section#sidebar ~ a.dragHelper > span.drag:hover::before {
        background-color: #eee
    }

    body.dark section#sidebar ~ a.dragHelper.snap {
        background: #3d3d3d
    }

    body.dark section#sidebar ~ a.dragHelper.separator {
        background: #3d3d3d
    }

    body.dark div#infoBox {
        background: #4d4d4d
    }

    body.dark div#infoBox > a {
        color: #646464
    }

    body.dark div#infoBox > a::before {
        background: #646464
    }

    body.dark div#shareInfo, body.dark div#reloadInfo {
        background: #3d3d3d
    }
    </style>
</head>
<body class="loaded">
<section id="sidebar" data-pos="left" class="" data-sort="custom">
    <header><h1 title="45 书签"><strong>45</strong> <span>书签</span></h1><a class="search"></a><a class="sort"></a><a
            class="menu"></a>
        <div class="searchBox"><input type="text" value="" placeholder="搜索书签"><a class="searchClose"></a></div>
    </header>
    <div id="bookmarkBox" class="scrollBox active cached hideScrollbar" tabindex="0" style="padding-top: 0px;">
        <div class="pinned hidden" style="top: 0px;"></div>
        <ul>
            <li><a data-id="1" class="dir"><span class="icon"></span><span class="label">书签栏</span><span
                    class="drag"></span></a></li>
            <li><a data-id="2" class="dir"><span class="icon"></span><span class="label">其他书签</span><span
                    class="drag"></span></a></li>
        </ul>
    </div>
    <div id="bookmarkBoxSearch" class="scrollBox" tabindex="0" style="padding-top: 0px;">
        <ul></ul>
    </div>
    <div class="filter hidden"></div>
    <a class="lockPinned"><span></span></a></section>
</body>
</html>